home *** CD-ROM | disk | FTP | other *** search
/ Mac Easy 2010 May / Mac Life Ubuntu.iso / casper / filesystem.squashfs / usr / share / transmission / web / stylesheets / iphone.css < prev   
Encoding:
Cascading Style Sheet File  |  2009-03-30  |  14.4 KB  |  730 lines
  1. /*--------------------------------------
  2.  *
  3.  * G L O B A L
  4.  *
  5.  *--------------------------------------*/
  6.  
  7. html {
  8.     margin: 0;
  9. /* setting border: 0 hoses ie6 win window inner well border */
  10.     padding: 0;
  11. }
  12.  
  13. body {
  14.     font: 11px Helvetica, Arial, sans-serif;
  15.     color: #323232 !important;
  16.     background: #fff;
  17.     text-align: center;
  18.     margin: 0;
  19.     padding: 0;
  20.     width: 100%;
  21.     overflow-x: hidden;
  22.     -webkit-text-size-adjust: none;
  23. }
  24.  
  25. body div#torrent_container {
  26.     min-height: 295px;
  27. }
  28.  
  29. body div.dialog_container, body div#torrent_inspector {
  30.     min-height: 291px;
  31. }
  32.  
  33. body.landscape div#torrent_container {
  34.     min-height: 147px;
  35. }
  36.  
  37. body.landscape div#dialog_container, body.landscape div#torrent_inspector {
  38.     min-height: 143px;
  39. }
  40.  
  41. body.inspector_showing #torrent_filter_bar, body.inspector_showing #torrent_container, body.dialog_showing #torrent_filter_bar, body.dialog_showing #torrent_container, body.dialog_showing #torrent_inspector, body.dialog_showing #prefs_container, body.prefs_showing #torrent_inspector, body.prefs_showing #torrent_filter_bar, body.prefs_showing #torrent_container {
  42.     display: none !important;
  43. }
  44.  
  45. .torrent a img {
  46.     display: none;
  47. }
  48.  
  49. /*--------------------------------------
  50.  *
  51.  * T O P   M E N U
  52.  *
  53.  *--------------------------------------*/
  54.  
  55. div.torrent_global_menu {
  56.     width: 100%;
  57.     height: 55px;
  58.     margin: 0;
  59.     background: #6685a1 url('../images/graphics/iphone_chrome.png') top left repeat-x;
  60.     border-top: 1px solid #2d3642;
  61.     border-bottom: 1px solid #2d3642;
  62.     position: relative;
  63.     text-shadow: 0 -1px 0 #446;
  64. }
  65.  
  66. div.torrent_global_menu ul {
  67.     margin: 0;
  68.     padding: 0 3px;
  69.     text-align: left;
  70. }
  71.  
  72. div.torrent_global_menu ul li {
  73.     list-style-type: none;
  74.     list-style-image: none;
  75.     padding: 0;
  76.     margin: 4px 0 0 0;
  77.     display: inline-block;
  78. }
  79.  
  80. li#remove, li#removedata {
  81.     float: left;
  82. }
  83.  
  84. li#resume_all, li#pause_all {
  85.     float: right;
  86. }
  87.  
  88. div.torrent_global_menu ul li > div {
  89.     color: #fff;
  90.     font-size: 9px;
  91.     text-decoration: none;
  92.     padding: 0 4px 0;
  93.     display: block;
  94.     margin: 0;
  95.     background-position: top center;
  96.     background-repeat: no-repeat;
  97.     position: relative;
  98.     font-weight: bold;
  99. }
  100.  
  101. div.torrent_global_menu ul li.disabled {
  102.     opacity: 0.25;
  103. }
  104.  
  105. div.torrent_global_menu ul li#open {
  106.     display: none;
  107. }
  108.  
  109. div.torrent_global_menu ul li div div.toolbar_image {
  110.     width: 32px;
  111.     height: 32px;
  112.     margin: 0 auto 2px;
  113.     background-image: url('../images/buttons/toolbar_buttons.png');
  114. }
  115.  
  116. div.torrent_global_menu ul li#remove div div.toolbar_image {
  117.     background-position: left -32px;
  118. }
  119.  
  120. div.torrent_global_menu ul li#removedata div div.toolbar_image {
  121.     background-position: left -32px;
  122. }
  123.  
  124. div.torrent_global_menu ul li#resume_selected div div.toolbar_image {
  125.     background-position: left -96px;
  126. }
  127.  
  128. div.torrent_global_menu ul li#pause_selected div div.toolbar_image {
  129.     background-position: left -64px;
  130. }
  131.  
  132. div.torrent_global_menu ul li#pause_all div div.toolbar_image {
  133.     background-position: left -128px;
  134. }
  135.  
  136. div.torrent_global_menu ul li#resume_all div div.toolbar_image {
  137.     background-position: left -160px;
  138. }
  139.  
  140. div.torrent_global_menu ul li#filter, div.torrent_global_menu ul li#inspector {
  141.     display: none;
  142. }
  143.  
  144. div.torrent_global_menu ul li.divider {
  145.     display: none;
  146. }
  147.  
  148. /*--------------------------------------
  149.  *
  150.  * G L O B A L   D E T A I L S
  151.  *
  152.  *--------------------------------------*/
  153.  
  154. div.torrent_global_details {
  155.     width: 100%;
  156.     height: 18px;
  157.     margin: 0;
  158.     background: #6685a1 url('../images/graphics/iphone_chrome.png') bottom left repeat-x;
  159.     font-size: 12px;
  160.     border-bottom: 1px solid #2d3642;
  161.     position: relative;
  162.     left: 0;
  163.     right: 0;
  164.     top: 0;
  165.     z-index: 2;
  166.     color: #fff;
  167.     text-shadow: 0 -1px 0 #446;
  168.     overflow: hidden;
  169. }
  170.  
  171. div.torrent_global_details div {
  172.     padding: 2px 5px;
  173.     margin: 1px 0 0 0;
  174. }
  175.  
  176. div.torrent_global_details div#torrent_global_transfer {
  177.     clear: left;
  178.     float: left;
  179. }
  180.  
  181. div.torrent_global_details div#torrent_global_upload, 
  182. div.torrent_global_details div#torrent_global_download {
  183.     float: right;
  184. }
  185.  
  186. /*--------------------------------------
  187.  *
  188.  * T O R R E N T   F I L T E R   B A R
  189.  *
  190.  *--------------------------------------*/
  191.  
  192. div#torrent_filter_bar {
  193.     margin: 0;
  194.     height: 25px;
  195.     background: #ddd url('../images/graphics/filter_bar.png') repeat-x bottom left;
  196.     border-bottom: 1px solid #777;
  197.     position: relative;
  198.     width: 100%;
  199.     z-index: 2;
  200.     text-align: center;
  201. }
  202.  
  203. div#torrent_filter_bar ul {
  204.     margin: 0 !important;
  205.     padding: 5px 0 0;
  206.     text-align: center !important;
  207.     display: block;
  208.     width: 100%;
  209.     height: 15px;
  210.     list-style-type: none;
  211. }
  212.  
  213. div#torrent_filter_bar ul li {
  214.     list-style-type: none;
  215.     list-style-image: none;
  216.     padding: 2px 0;
  217.     vertical-align: middle;
  218.     height: 17px;
  219.     display: inline;
  220. }
  221.  
  222. div#torrent_filter_bar ul li a {
  223.     font-size: 12px !important;
  224.     color: #222;
  225.     text-shadow: 0 1px 1px #fff;
  226.     text-decoration: none;
  227.     font-weight: bold;
  228.     padding: 1px 7px 2px 0;
  229.     margin: 0 0 0 7px;
  230. }
  231.  
  232. div#torrent_filter_bar ul li.selected, div#torrent_filter_bar ul li.selected a {
  233.     background-image: url('../images/graphics/filter_bar.png');
  234.     background-repeat: no-repeat;
  235.     text-shadow: 0 1px 1px #444;
  236.     color: #fff !important;
  237. }
  238.  
  239. div#torrent_filter_bar ul li.selected {
  240.     background-position: left top;
  241. }
  242.  
  243. div#torrent_filter_bar ul li.selected a {
  244.     background-position: right top;
  245. }
  246.  
  247. div#torrent_filter_bar input#torrent_search {
  248.     position: absolute;
  249.     height: 20px;
  250.     left: 5px;
  251.     right: 5px;
  252.     bottom: 6px;
  253.     display: none;
  254. }
  255.  
  256. /*--------------------------------------
  257.  *
  258.  * T O R R E N T   C O N T A I N E R
  259.  *
  260.  *--------------------------------------*/
  261.  
  262. div#torrent_container {
  263.     position: relative;
  264.     top: 0 !important;
  265.     right: 0px;
  266.     left: 0px;
  267.     padding: 0px;
  268.     margin: 0px;
  269. }
  270.  
  271. ul.torrent_list {
  272.     width: 100%;
  273.     margin: 0;
  274.     padding: 0;
  275.     text-align: left;
  276. }
  277.  
  278. ul.torrent_list li {
  279.     list-style-type: none;
  280.     list-style-image: none;
  281.     clear: both;
  282.     display: block;
  283.     padding: 0;
  284.     margin: 0;
  285.     vertical-align: middle;
  286. }
  287.  
  288. ul.torrent_list li.torrent {
  289.     border-bottom: 1px solid #ccc;
  290.     padding: 4px 10px;
  291.     color: #666;
  292.     font-size: 11px;
  293.     margin: 0 !important;
  294.     background: white;
  295. }
  296.  
  297. .torrent div.torrent_progress_details, .torrent div.torrent_peer_details {
  298.     clear: both;
  299.     white-space: nowrap;
  300.     overflow: hidden;
  301.     text-overflow: ellipsis;
  302. }
  303.  
  304. ul.torrent_list li.torrent.even {
  305.     background-color: #EDF3FE;
  306. }
  307.  
  308. ul.torrent_list li.torrent.selected {
  309.     background-color: #3875D7;
  310.     color: #FFF;
  311. }
  312.  
  313. ul.torrent_list li.torrent div.torrent_name {
  314.     font-size: 13px;
  315.     margin-bottom: 2px;
  316.     font-weight: bold;
  317.     word-wrap: break-word;
  318.     width: 100%;
  319.     color: #222;
  320. }
  321.  
  322. ul.torrent_list li.torrent.selected div.torrent_name {
  323.     color: #fff;
  324. }
  325.  
  326. div.torrent_peer_details {
  327.     font-size: 10px;
  328. }
  329.  
  330. ul.torrent_list li.torrent div.torrent_progress_bar {
  331.     height: 10px;
  332.     margin: 3px 0 3px 0;
  333.     float: left;
  334.     line-height: 1px;
  335.     font-size: 1px;
  336.     width: 100%;
  337.     background-image: url('../images/progress/progress.png');
  338.     background-repeat: repeat-x;
  339.     background-color: transparent;
  340. }
  341.  
  342. ul.torrent_list li.torrent div.torrent_progress_bar.complete {
  343.     background-position: left -10px;
  344.     border: 1px solid #29AD35;
  345. }
  346.  
  347. ul.torrent_list li.torrent div.torrent_progress_bar.in_progress {
  348.     background-position: left 0px;
  349.     border: 1px solid #3F79EE;
  350.     border-right: none;
  351. }
  352.  
  353. ul.torrent_list li.torrent div.torrent_progress_bar.incomplete {
  354.     margin-right: -10px;
  355.     background-position: left -20px;
  356.     border: 1px solid #C8CACD;
  357.     border-left: none;
  358. }
  359.  
  360. ul.torrent_list li.torrent div.torrent_progress_bar.incomplete_stopped {
  361.     background-position: left -30px;
  362.     border: 1px solid #939393;
  363.     border-right: none;
  364. }
  365.  
  366. ul.torrent_list li.torrent div.torrent_progress_bar.complete_stopped {
  367.     background-position: left -30px;
  368.     border: 1px solid #939393;
  369. }
  370.  
  371. ul.torrent_list li.torrent div.torrent_progress_bar.incomplete {
  372.     margin-right: -10px;
  373. }
  374.  
  375. div.dialog_container {
  376.     background: rgba(0,0,0,0.85);
  377.     color: white;
  378.     padding: 15px 10px;
  379. }
  380.  
  381. div.dialog_container .dialog_window {
  382.     height: auto;
  383.     font-size: 13px;
  384.     text-shadow: black 1px 1px 1px !important;
  385. }
  386.  
  387. div#dialog_message.dialog_message {
  388.     width: 280px;
  389.     margin: 10px auto 25px;
  390.     font-size: 13px;
  391.     line-height: 14px;
  392.     word-wrap: break-word;
  393.     overflow: hidden;
  394.     padding-bottom: 0;
  395. }
  396.  
  397. h2.dialog_heading {
  398.     text-align: center;
  399.     width: 300px;
  400.     margin: 0 auto;
  401.     font-size: 17px;
  402. }
  403.  
  404. div.dialog_container a {
  405.     color: white;
  406.     padding: 7px 0;
  407.     background: #222;
  408.     text-decoration: none;
  409.     border: 2px solid white;
  410.     margin: 0 0 0;
  411.     font-weight: bold;
  412.     -webkit-border-radius: 16px;
  413.     display: block;
  414.     width: 90px;
  415.     position: absolute;
  416.     font-size: 12px;
  417.     text-align: center;
  418. }
  419.  
  420. div.dialog_container a#dialog_cancel_button, div.dialog_container a#prefs_cancel_button {
  421.     left: 55px;
  422. }
  423.  
  424. div.dialog_container a#dialog_confirm_button, div.dialog_container a#prefs_save_button {
  425.     right: 55px;
  426.     color: black;
  427.     text-shadow: none;
  428.     background: #fff;
  429. }
  430.  
  431. #dialog_container div.dialog_window img {
  432.     margin: 5px auto 12px;
  433. }
  434.  
  435. .landscape div.dialog_container a#dialog_cancel_button {
  436.     left: 155px;
  437. }
  438.  
  439. .landscape div.dialog_container a#dialog_confirm_button {
  440.     right: 110px;
  441. }
  442.  
  443. .landscape div.dialog_container img {
  444.     float: left !important;
  445.     margin: 0 0 0 50px;
  446. }
  447.  
  448. .landscape h2#dialog_heading.dialog_heading {
  449.     margin: 5px auto 0;
  450.     margin-left: 150px;
  451.     text-align: left;
  452. }
  453.  
  454. .landscape div#dialog_message.dialog_message {
  455.     width: 300px;
  456.     margin: 10px 0 20px 150px;
  457.     text-align: left;
  458. }
  459.  
  460. /*--------------------------------------
  461.  *
  462.  * P R E F S   C O N T A I N E R
  463.  *
  464.  *--------------------------------------*/
  465.  
  466. div#prefs_container {
  467.     text-align: left;
  468. }
  469.  
  470. div#prefs_container label.item {
  471.     margin: 0 5px 0 15px;
  472.     float: left;
  473. }
  474.  
  475. form#prefs_form {
  476.     height: 365px;
  477.     padding: 0 5px;
  478. }
  479.  
  480. div#prefs_container label.suffix {
  481.     margin: 0 5px 0 10px;
  482.     float: left;
  483. }
  484.  
  485. div#prefs_container input {
  486.     float: left;
  487. }
  488.  
  489. div#prefs_container div.preference input[type=checkbox] {
  490.     margin: 3px 7px 0 16px;
  491.     width: 18px;
  492.     height: 18px;
  493.     clear: left;
  494. }
  495.  
  496. div#prefs_container label {
  497.     line-height: 25px;
  498.     display: block;
  499. }
  500.  
  501. div#prefs_container div.download_location label.item,
  502. div#prefs_container div.port label.item,
  503. div#prefs_container div.web_gui label.item {
  504.     width: 127px;
  505.     clear: left;
  506. }
  507.  
  508. div#prefs_container div.auto_start label.item,
  509. div#prefs_container div.encryption label.item,
  510. div#prefs_container div.limit_total label.item {
  511.     margin: 0 5px 0 0;
  512. }
  513.  
  514. div#prefs_container div.limit_total label.item {
  515.     width: 101px;
  516. }
  517.  
  518. div#prefs_container div.preference input[type=text] {
  519.     padding: 2px 2px 1px;
  520.     text-shadow: none !important;
  521.     font-size: 13px;
  522.     width: 50px;
  523. }
  524.  
  525. div#prefs_container div.download_location input {
  526.     position: absolute;
  527.     right: 20px;
  528.     left: 160px;
  529.     width: auto !important;
  530. }
  531.  
  532. div#prefs_container label.category {
  533.     clear: both;
  534.     font-weight: bold;
  535. }
  536.  
  537. div#prefs_container a {
  538.     margin-top: 42px !important;
  539. }
  540.  
  541. .landscape div.dialog_container a#prefs_cancel_button {
  542.     left: 135px;
  543. }
  544.  
  545. .landscape div.dialog_container a#prefs_save_button {
  546.     right: 135px;
  547. }
  548.  
  549. /*--------------------------------------
  550.  *
  551.  * T O R R E N T   I N S P E C T O R
  552.  *
  553.  *--------------------------------------*/
  554.  
  555. div#torrent_inspector {
  556.     height: auto !important;
  557.     background: #272727;
  558.     text-align: left;
  559.     padding: 15px 10px !important;
  560.     color: white;
  561.     text-shadow: 1px 1px 2px #000;
  562.     font-size: 12px;
  563. }
  564.  
  565. div#torrent_inspector h1#torrent_inspector_name {
  566.     font-size: 14px;
  567.     margin: 0;
  568.     padding: 0;
  569.     overflow: hidden;
  570.     word-wrap: break-word;
  571.     display: block;
  572.     clear: both;
  573.     text-overflow: ellipsis; /*Not currently respected by browsers, but in case of future support*/
  574.     max-height: 48px;
  575. }
  576.  
  577. .landscape div#torrent_inspector h1#torrent_inspector_name {
  578.     width: 450px;
  579. }
  580.  
  581. div#torrent_inspector div.torrent_inspector_header {
  582.     text-align: center;
  583.     margin: 0 15px;
  584. }
  585.  
  586. div#torrent_inspector span#torrent_inspector_size {
  587.     font-size: 12px;
  588.     margin: 3px auto 0;
  589.     display: block;
  590. }
  591.  
  592. div.torrent_inspector_section {
  593.     margin: 0;
  594.     padding: 0;
  595. }
  596.  
  597. div#torrent_inspector ul.torrent_inspector_tabs {
  598.     margin: 0 auto 9px; /* Center tabs */
  599.     padding: 0;
  600.     text-align: center;
  601.     -webkit-border-radius: 9px;
  602.     list-style: none;
  603. }
  604.  
  605. div#torrent_inspector ul.torrent_inspector_tabs li {
  606.     list-style: none;
  607.     display: inline;
  608. }
  609.  
  610. div#torrent_inspector ul.torrent_inspector_tabs li a {
  611.     text-align: center;
  612.     text-decoration: none;
  613.     cursor: pointer;
  614.     margin: 0 !important;
  615.     padding: 0 !important;
  616. }
  617.  
  618. div#torrent_inspector ul.torrent_inspector_tabs li a img {
  619.     background: transparent;
  620.     padding: 10px 9px 8px;
  621.     border: 4px solid #777;
  622.     -webkit-border-radius: 11px;
  623.     margin: 0 3px;
  624.     opacity: 0.15;
  625. }
  626.  
  627. div#torrent_inspector ul.torrent_inspector_tabs li a#inspector_tab_activity img {
  628.     padding: 9px 9px;
  629. }
  630.  
  631. div#torrent_inspector ul.torrent_inspector_tabs li a.selected img {
  632.     border-color: #fff;
  633.     background-color: #ccd;
  634.     opacity: 1;
  635. }
  636.  
  637. div#torrent_inspector div.torrent_inspector_section h2 {
  638.     font-size: 13px;
  639.     margin: 0 5px 0 5px;
  640.     padding: 7px 0;
  641.     clear: both;
  642.     width: 200px;
  643. }
  644.  
  645. div#torrent_inspector div.torrent_inspector_section h2:after {
  646.     content: ":";
  647. }
  648.  
  649. div#torrent_inspector div.torrent_inspector_section label {
  650.     margin: 0 0 0 20px;
  651.     width: 92px;
  652.     display: block;
  653.     float: left;
  654. }
  655.  
  656. div#torrent_inspector div#inspector_tab_info_container.torrent_inspector_section label {
  657.     width: 72px;
  658. }
  659.  
  660. div#torrent_inspector div.torrent_inspector_section div {
  661.     height: 16px;
  662.     overflow: hidden;
  663.     white-space: nowrap;
  664.     text-overflow: ellipsis;
  665. }
  666.  
  667. /*--------------------------------------
  668.  *
  669.  * T O R R E N T   F O O T E R
  670.  *
  671.  *--------------------------------------*/
  672.  
  673. div.torrent_footer {
  674.     margin: -1px 0 0;
  675.     height: 20px;
  676.     background: #ddd url('../images/graphics/filter_bar.png') repeat-x left -51px;
  677.     border-top: 1px solid #777;
  678.     position: relative;
  679.     width: 100%;
  680.     z-index: 2;
  681.     text-align: center;
  682.     color: #222;
  683.     text-shadow: 0 1px 1px #fff;
  684.     overflow: hidden;
  685. }
  686.  
  687. div.torrent_footer div#disk_space_container, div.torrent_footer a#preferences_link {
  688.     float: right;
  689.     font-size: 12px;
  690.     vertical-align: middle;
  691.     margin: 1px 6px 0 0;
  692.     padding: 2px 0 2px;
  693.     max-width: 55%;
  694.     overflow: hidden;
  695.     white-space: nowrap;
  696.     text-overflow: ellipsis;
  697. }
  698.  
  699. div.torrent_footer a#preferences_link {
  700.     float: left;
  701.     font-weight: bold;
  702.     margin: 1px 0 0 6px;
  703. }
  704.  
  705. body.prefs_showing div.torrent_footer a#preferences_link, body.dialog_showing div.torrent_footer a#preferences_link {
  706.     display: none;
  707. }
  708.  
  709. iframe#torrent_upload_frame {
  710.     display: block; /* Don't change this : safari forms won't target hidden frames (they open a new window) */
  711.     position: absolute;
  712.     top: -1000px;
  713.     left: -1000px;
  714.     width: 0px;
  715.     height: 0px;
  716.     border: none;
  717.     padding: 0;
  718.     margin: 0;
  719. }
  720.  
  721. /*--------------------------------------
  722.  *
  723.  * Hide remnants of stuff we don't need, like
  724.  * transmenu and contextmenu.
  725.  *
  726.  *--------------------------------------*/
  727.  
  728. .torrent_footer div.main_container, .torrent_footer ul#settings_menu, div.torrent_footer ul#settings_menu li#button, div#torrent_context_menu {
  729.     display: none;
  730. }